<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<style type="text/css">
		img{
			width: 150px;
		}
		tr{
			background-color: #ffffff;
		}
		td{
			width: 100px;
			text-align: center;
		}
		th{
			border-top: 4px solid  #5C86AC;
			background-color: #ededed;
		}
		.name{
			width: 300px;
			text-align: left;
		}
		.xiaoji{
			color: red;
		}
		.bj{
			width:90px;
			height: 23px;
			margin:auto;
			background-color: #e5e5e5; 
		}
		.num{
			width: 60px;
			float: left;
			border: 1px solid #333333;
			margin-left:12px;
			background-color: #ffffff;
			text-align: center;
		}
	</style>
</head>
<body>
	<table cellspacing="1" cellpadding="10" bgcolor="#e5e5e5">
		<tr>
			<th></th>
			<th>商品</th>
			<th>单价</th>
			<th>数量</th>
			<th>小计</th>
			<th>操作</th>
		</tr>
		<tr>
			<td><img src="img/3.jpg"/></td>
			<td class="name">Casio/卡西欧 EX-TR350</td>
			<td>5999.88</td>
			<td><div class="bj"><div class="num">1</div>+</div></td>
			<td class="xiaoji">5999.88</td>
			<td>删除</td>
		</tr>
		<tr>
			<td><img src="img/4.jpg"/></td>
			<td class="name">Canon/佳能 PowerShot<br/> SX50 HS</td>
			<td>3888.50</td>
			<td><div class="bj"><div class="num">1</div>+</div></td>
			<td class="xiaoji">3888.50</td>
			<td>删除</td>
		</tr>
		<tr>
			<td><img src="img/5.jpg"/></td>
			<td class="name">Sony/索尼 DSC-WX300</td>
			<td>1428.50</td>
			<td><div class="bj"><div class="num">1</div>+</div></td>
			<td class="xiaoji">1428.50</td>
			<td>删除</td>
		</tr>
		<tr>
			<td><img src="img/6.jpg"/></td>
			<td class="name">fujifilm/富士 instax mini<br/> 25</td>
			<td>640.60</td>
			<td><div class="bj"><div class="num">1</div>+</div></td>
			<td class="xiaoji">640.60</td>
			<td>删除</td>
		</tr>
	</table>

</body>
</html>